{% extends "webui/base.html" %}
{% block header %}
<li class="dropdown">
    <a href="/">
        首页
    </a>
</li>
<li class="dropdown active">
    <a href="/faq">
        帮助中心
    </a>
</li>
<li class="dropdown">
    <a href="/about">
        关于我们
    </a>
</li>                         
{% endblock %}
{% block content %}
    <!-- BEGIN PAGE CONTAINER -->  
    <div class="page-container">
	
        <!-- BEGIN BREADCRUMBS -->   
        <div class="row breadcrumbs margin-bottom-40">
            <div class="container">
                <div class="col-md-4 col-sm-4">
                    <h1>FAQ</h1>
                </div>
                <div class="col-md-8 col-sm-8">
                    <ul class="pull-right breadcrumb">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="">Pages</a></li>
                        <li class="active">FAQ</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END BREADCRUMBS -->

		<!-- BEGIN CONTAINER -->   
		<div class="container min-hight margin-bottom-40">
			<div class="row">
				<div class="col-md-3">
                    <ul class="ver-inline-menu tabbable margin-bottom-10">
                      <li class="active">
                         <a data-toggle="tab" href="#tab_1">
                         新手指南
                         </a> 
                         <span class="after"></span>                                    
                      </li>
                      <li><a data-toggle="tab" href="#tab_2">常见问题</a></li>
                      <li><a data-toggle="tab" href="#tab_3">产品介绍</a></li>
                    </ul>        
				</div>

				<div class="col-md-9">
                    <!-- BEGIN TAB CONTENT -->
                    <div class="tab-content">
                      <!-- START TAB 1 -->
                      <div id="tab_1" class="tab-pane active">
                         <div id="accordion1" class="panel-group">
                            <div class="panel panel-success">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_1">
                                     1. 如何查看扫描结果?
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion1_1" class="panel-collapse">
                                  <div class="panel-body">
                                     在操作栏选择->点击查看扫描结果
                                  </div>
                               </div>
                            </div>
                            <div class="panel panel-success">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_2">
                                     2. 如何修复漏洞?
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion1_2" class="panel-collapse">
                                  <div class="panel-body">
                                     根据扫描结果的提示
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                      <!-- END TAB 1 -->
                      <!-- START TAB 2 -->
                      <div id="tab_2" class="tab-pane">
                         <div id="accordion2" class="panel-group">
                            <div class="panel panel-warning">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_1">
                                     1.云安全平台可以为用户做什么?
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion2_1" class="panel-collapse">
                                  <div class="panel-body">
                                     <p>
                                        云安全平台可以检测您的机器的安全状况,生成一份安全扫描报告.
                                     </p>
                                  </div>
                               </div>
                            </div>
                            <div class="panel panel-warning">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_2">
                                     2. 云安全平台是免费的吗?
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion2_2" class="panel-collapse">
                                  <div class="panel-body">
                                     云安全平台目前提供的所有功能都是免费的。
                                  </div>
                               </div>
                            </div>
                            <div class="panel panel-warning">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_3">
                                     3. 云安全平台有没有扫描次数的限制吗?
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion2_3" class="panel-collapse">
                                  <div class="panel-body">
                                     目前云安全平台没有扫描次数的限制,但是为了不影响您的使用,最好不要频繁的扫描
                                  </div>
                               </div>
                            </div>
                            <div class="panel panel-warning">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_4">
                                     4. 我有问题该如何反馈或求助?
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion2_4" class="panel-collapse">
                                  <div class="panel-body">
                                     邮件咨询：nwgadmin@ihep.ac.cn</br>
                                     客服热线：15911072623</br>
                                     新浪微博：http://weibo.com/u/3902953948</br>
                                     QQ咨询：949409306
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                      <!-- END TAB 3 -->
                      <!-- START TAB 3 -->
                      <div id="tab_3" class="tab-pane">
                         <div id="accordion3" class="panel-group">
                            <div class="panel panel-default">
                               <div class="panel-heading">
                                  <h4 class="panel-title">
                                     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3_1">
                                     1. 云安全服务平台
                                     </a>
                                  </h4>
                               </div>
                               <div id="accordion3_1" class="panel-collapse">
                                  <div class="panel-body">
                                     基于众多安全扫描工具如openvas,nmap等的云安全扫描平台
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                      <!-- END TAB 3 -->
                    </div>
                    <!-- END TAB CONTENT -->
				</div>            
			</div>
		</div>
		<!-- END CONTAINER -->

	</div>
    <!-- END PAGE CONTAINER -->  
{% endblock %}
